<html>
  <head>
    <title>animation-view</title>
  </head>
  <body>
    <script>
      // animation-view

              /*
                    一、概述
                      
                    
                              Lottie动画组件，动画资源参考Lottie官方连接：https://airbnb.design/lottie/

              */

              /*
                  二、平台差异说明


                              App	H5	微信小程序	支付宝小程序	百度小程序	抖音小程序、飞书小程序	QQ小程序	快应用	360小程序	快手小程序	京东小程序	元服务	小红书小程序
                              √	  x	    x	        x	            √           	x                 	x       	x	      x	      x	          x	        x	        x、



                          ★、注意：

                                  ①、animation-view 在app平台集成的是lottie官方原生sdk，仅nvue/uvue页面支持，vue页面不支持。
                                    
                                      vue页面可使用webview、或renderjs集成lottie的h5版、或使用下方的微信小程序方案。


                                  ②、app平台实现使用了Lottie官方SDK，开源项目：Lottie for Android，Lottie for iOS

                                        app-android平台要求Android5（API Leavel 21）及以上系统

                                        app-ios平台要求iOS11及以上版本系统

                                  ③、微信小程序没有内置该组件，需使用开源项目https://github.com/wechat-miniprogram/lottie-miniprogram

                                  ④、百度小程序已经由百度官方内置了animation-view，底层基于lottie sdk实现。


                                  ⑤、微信、百度之外的其他小程序，可考虑webview加载lottie的h5版，或评估上面的lottie-miniprogram是否兼容。
              */

              /*
                  三、属性说明

                                  属性名	      类型	       默认值	          说明

                                1、path     	String		                    动画资源地址，支持本地路径和网络路径

                                2、loop	      Boolean	      false	          动画是否循环播放

                                3、autoplay	  Boolean	      true	          动画是否自动播放

                                4、action   	String	      play	          动画操作，可取值 play、pause、stop

                                5、hidden	    Boolean	      true	          是否隐藏动画

                                6、@bindended	EventHandle		                当播放到末尾时触发 ended 事件（自然播放结束会触发回调，循环播放结束及手动停止动画不会触发）


                            ★、注意

                                    百度小程序平台path属性目前不支持远程地址，仅支持本地绝对地址
              */

              /*
                   四、示例

                          https://uniapp.dcloud.net.cn/component/animation-view.html
              */
    </script>
  </body>
</html>